<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面布局</title>
</head>
<body>
<div>
  <div id="logo">
    <img src="" alt="">
  </div>

  <div id="menu">
    <div><input type="button" value="HTML/CSS"></div>
    <div><input type="button" value="Browerser slid"></div>
    <div><input type="button" value=""></div>
    <div><input type="button" value=""></div>
    <div><input type="button" value=""></div>
    <div><input type="button" value=""></div>
    <div><input type="button" value=""></div>
  </div>

  <div id="body">
    <div id="left">
      <div id = "head"></div>
      <div id="footer "></div>
    </div>
    <div id="center"></div>
    <div id="right"></div>

  </div>
</div>
</body>
</html>